<template>
  <div>
    <Layout :props-current-tab-component="currentTabComponent"
            :props-current-tab-name="currentTabName"
            :props-posts="posts"></Layout>
  </div>
</template>

<script>
import Layout from '../components/Layout.vue';
import ChangePwd from '../components/ChangePwd.vue';
import Appointment from '../components/Appointment.vue';
import ChangeRequest from '../components/ChangeRequest.vue';
import ChargeInfo from '../components/ChargeInfo.vue';
import LineInfo from '../components/LineInfo.vue';

export default {
  name: 'UserView',
  data() {
    return {
      currentTabComponent: 'Global',
      currentTabName: '充电',
      posts: [
        {
          nextTabName: '预约充电',
          nextTabComponent: 'Appointment',
          id: 0,
        },
        {
          nextTabName: '排队信息',
          nextTabComponent: 'LineInfo',
          id: 1,
        },
        {
          nextTabName: '充电详单',
          nextTabComponent: 'ChargeInfo',
          id: 2,
        },
        {
          nextTabName: '修改请求',
          nextTabComponent: 'ChangeRequest',
          id: 3,
        },
        {
          nextTabName: '修改密码',
          nextTabComponent: 'ChangePwd',
          id: 4,
        }],
    };
  },
  components: {
    Layout,
    // eslint-disable-next-line vue/no-unused-components
    LineInfo,
    // eslint-disable-next-line vue/no-unused-components
    Appointment,
    // eslint-disable-next-line vue/no-unused-components
    ChangeRequest,
    // eslint-disable-next-line vue/no-unused-components
    ChargeInfo,
    // eslint-disable-next-line vue/no-unused-components
    ChangePwd,
  },
};
</script>

<style>
* {
  margin: 0 0 0 0;
}

</style>
